<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-jQuery-HelloWorld</title>
    <script src="js/jquery-1.12.4.js"></script>
    <script>
        // 1.原生JS的固定写法
        window.onload = function (ev) {  }

        // 2.jQuery的固定写法
        // 1）当dom已经加载，并且页面（包括图像）加载完毕（标签加载完毕）时，会发生ready事件
        // 2）ready()函数规定当ready事件发生时执行的函数
        // 3）ready()函数仅能用于当前文档，因此无需选择器
        // 有以下3种语法
            // $(document).ready(function)
            // $().ready(function)
            // $(function)
        // 注意：ready()函数不应与<body onload="">一起使用（为什么？？？）
        
        /*
        为什么所有的jquery代码位于一个ready函数中？
        原因：防止文档在完全加载就绪之前运行jquery代码
        */
        $(document).ready(function () {
            alert("hello lnj");
        });
    </script>
</head>
<body>

</body>
</html>